﻿@{
    ViewBag.Title = "产品管理";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model MODEL.View.Products.ProductRequest
<script src="~/Scripts/products/product.js"></script>
<div class="row-fluid">
    <div class="span12">
        @using (Ajax.BeginForm("Index", "", new AjaxOptions() { HttpMethod = "post", OnSuccess = "onSuccess_Product" }, new { @class = "form-inline", id = "table_query" }))
        { 
            <div class="form-group">
                <label class="form-lable">@Html.LabelFor(s => s.Code):</label>
                @Html.BsTextBoxFor(ss => ss.Code, "SKU1,SKU2,SKU3,SKU4,SKU5", "form-control")
            </div>
            <div class="form-group">
                <label class="form-lable">@Html.LabelFor(s => s.Name):</label>
                @Html.BsTextBoxFor(ss => ss.Name, "产品名称", "form-control")
            </div>
            <div class="form-group">
                <button type="submit" id="btnQuery" class="btn yellow">查询</button>
            </div> 
        }
    </div>
</div>
<hr />
<div id="toolbar">
    <a href="/products/product/add" class="btn green"><i class="icon-plus"></i>添加产品</a>
    <button id="remove" class="btn blue" disabled>
        <i class="icon-trash"></i>Delete
    </button>
</div>
<div class="row-fluid">
    <div class="span12">
        <table id="table_dgv"></table>
    </div>
</div>

<div class="row-fluid">
    <div class='span2'>
        <div class='item'>
            <a class='fancybox-button' data-rel='fancybox-button' title='Photo' href='media/image/image1.jpg'>
                <div class='zoom'>
                    <img src='media/image/image1.jpg' alt='Photo' />
                    <div class='zoom-icon'></div>
                </div>
            </a>
            <div class='details'>
                <a href='#' class='icon'><i class='icon-paper-clip'></i></a>
                <a href='#' class='icon'><i class='icon-link'></i></a>
                <a href='#' class='icon'><i class='icon-pencil'></i></a>
                <a href='#' class='icon'><i class='icon-remove'></i></a>
            </div>
        </div>
    </div>

    <div class="span2">
        <div class="item">
            <a class="fancybox-button" data-rel="fancybox-button" title="Photo" href="media/image/image2.jpg">
                <div class="zoom">
                    <img src="media/image/image2.jpg" alt="Photo" />
                    <div class="zoom-icon"></div>
                </div>
            </a>
            <div class="details">
                <a href="#" class="icon"><i class="icon-paper-clip"></i></a>
                <a href="#" class="icon"><i class="icon-link"></i></a>
                <a href="#" class="icon"><i class="icon-pencil"></i></a>
                <a href="#" class="icon"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="item">
            <a class="fancybox-button" data-rel="fancybox-button" title="Photo" href="media/image/image3.jpg">
                <div class="zoom">
                    <img src="media/image/image3.jpg" alt="Photo" />
                    <div class="zoom-icon"></div>
                </div>
            </a>
            <div class="details">
                <a href="#" class="icon"><i class="icon-paper-clip"></i></a>
                <a href="#" class="icon"><i class="icon-link"></i></a>
                <a href="#" class="icon"><i class="icon-pencil"></i></a>
                <a href="#" class="icon"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="item">
            <a class="fancybox-button" data-rel="fancybox-button" title="Photo" href="media/image/image4.jpg">
                <div class="zoom">
                    <img src="media/image/image4.jpg" alt="Photo" />
                    <div class="zoom-icon"></div>
                </div>
            </a>
            <div class="details">
                <a href="#" class="icon"><i class="icon-paper-clip"></i></a>
                <a href="#" class="icon"><i class="icon-link"></i></a>
                <a href="#" class="icon"><i class="icon-pencil"></i></a>
                <a href="#" class="icon"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="item">
            <a class="fancybox-button" data-rel="fancybox-button" title="Photo" href="media/image/image3.jpg">
                <div class="zoom">
                    <img src="media/image/image3.jpg" alt="Photo" />
                    <div class="zoom-icon"></div>
                </div>
            </a>
            <div class="details">
                <a href="#" class="icon"><i class="icon-paper-clip"></i></a>
                <a href="#" class="icon"><i class="icon-link"></i></a>
                <a href="#" class="icon"><i class="icon-pencil"></i></a>
                <a href="#" class="icon"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="item">
            <a class="fancybox-button" data-rel="fancybox-button" title="Photo" href="media/image/image4.jpg">
                <div class="zoom">
                    <img src="media/image/image4.jpg" alt="Photo" />
                    <div class="zoom-icon"></div>
                </div>
            </a>
            <div class="details">
                <a href="#" class="icon"><i class="icon-paper-clip"></i></a>
                <a href="#" class="icon"><i class="icon-link"></i></a>
                <a href="#" class="icon"><i class="icon-pencil"></i></a>
                <a href="#" class="icon"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
